<html>
<head>
    <title>pdf 测试文件</title>
    <style>
        @page {
            size: letter landscape;
            margin: 2cm;

            @top-left {
                font-family: SimSun;
                content: "page header test 页眉内容,中文时需要明确指定字体";
            }

            @bottom-left {
                font-family: SimSun;
                content: "page botton test 页脚内容,中文时需要明确指定字体";
            }
        }

        @font-face {
            font-family: font-test;
            src: url("fonts/msyh.ttc");
        }

        .custom-font-face {
            font-family: font-test;
            font-size: 20px;
        }

        body {
            font-family: SimSun;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<p style="font-family: 'Microsoft YaHei UI'">
    中文支持测试
</p>

<p class="custom-font-face">
    custom font face test 测试
</p>

<div>
    标题
</div>

<img src='images/simple.png'>

<br/>

<div class="div_test">
    css link test 测试
</div>

<div>
    <div>test svg 测试</div>
    <svg width='100' height='100'>
        <circle cx='50' cy='50' r='40' stroke='green' stroke-width='4' fill='yellow'/>
    </svg>
</div>

<div>
    <div>test canvas 测试</div>
    <canvas id='myCanvas' width='200' height='100'
            style='border:1px solid #000000;'>
    </canvas>
</div>

<div>
    <div>table test 测试</div>
    <table>
        <tr>
            <td>文件名称</td>
            <td>文件大小</td>
            <td>修改时间</td>
            <td>MD5</td>
        </tr>
        <tr>
            <td>C:\Users\Administrator\Downloads\20231008 mgxx 客户端打包.md</td>
            <td>1032 字节</td>
            <td>2023年10月11日, 11:38:00</td>
            <td>C033C14F5EA7C62CE2653B87610949B1</td>
        </tr>
        <tr>
            <td>C:\Users\Administrator\Downloads\问题.md</td>
            <td>1116 字节</td>
            <td>2023年7月9日, 10:26:42</td>
            <td>23796DB794FB41586C342DBC1D42ED68</td>
        </tr>
        <tr>
            <td>C:\Users\Administrator\Downloads\cas sso.jpg</td>
            <td>207718 字节</td>
            <td>2023年7月6日, 15:59:12</td>
            <td>271AE6DF5AB70A5D6B5975D65B7106FF</td>
        </tr>
    </table>
</div>

<script>
    var c = document.getElementById('myCanvas')
    var ctx = c.getContext('2d')
    ctx.font = '30px Arial'
    ctx.strokeText('Hello World', 10, 50)

</script>
</body>
</html>
